//路由的核心js文件
//导入路由的函数
import { createRouter, createWebHistory } from 'vue-router'
//导入登录组件
import Login from "@/views/Login.vue";
//导入主界面组件
import Home from "@/views/Home.vue";
import Register from "@/views/Register.vue";
import Index from "@/components/Index.vue";

//创建路由的实例
const router = createRouter({
  //历史模式
  history: createWebHistory(import.meta.env.BASE_URL),
  //配置路由的位置，是一个数组
  routes: [
      //一级路由
    {
      path: '/',  //路径
      name: 'login', //路由名称
      component: Login, //组件
    },
    {
      path:'/login',
      redirect: '/',
    },
    {
      path:'/home', //主页面
      name: 'home',
      component: Home,
      //二级路由
      children: [
        {
          path: 'index', //不需要写name ， /home/index
          //component: ()=>import('@/components/Index.vue')
          component: Index,//需要立即加载的方式，不能使用懒加载
        },
        {
          path: 'about', // /home/about
          component: ()=>import('@/components/About.vue')
        }
        // todo 完成剩下的
      ]
    },
    {
      path:'/register',//注册路由，必须是唯一的
      name: 'register',
      component: Register //注册
    }
  ],
})
//导出路由，共外部使用
export default router
